<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>SeatPoint</title>
<!-- <script src="../js/jquery-1.9.1.js" type="text/javascript"></script> -->
<link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap-glyphicons.css">
<script src="../js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="../css/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../js/corp-manage-request-rigodon.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function () {
		
		$("#assignSeatAllocation").click(function () { 
			 window.location = "corp-manage-rigodon-seat-allocation.html"; 
		 });
			
		$('#myTab a[href="#Rigodon"]').tab('show'); 
	
}); 
</script>

</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="../" class="navbar-brand">SeatPoint</a>
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
            </div>
            <div class="navbar-collapse collapse" id="navbar-main">
                <ul class="nav navbar-nav">
                    <li><a href="corp-dashboard-notification.html" id="themes">Dashboard</a> </li>
                    <li class="active"><a href="#">Manage Request</a> </li>
                    <!--<li class="active"><a href="#">Manage Seat</a> </li>-->
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><span
                        class="glyphicon glyphicon-globe active"><span class="badge pull-right">3</span></span></a>
                        <ul class="dropdown-menu" aria-labelledby="setting">
                            <li><a tabindex="-1" href="corp-manage-request-rigodon.html">Rigodon Requests</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Seat Assignment</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Seat Transfer</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" id="A1">
                        Hi Charles! <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="setting">
                            <li><a tabindex="-1" href="login.html">Logout</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Help</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="page-header" id="banner">
            <div class="row">
                <div class="col-lg-6">
                    <h1>
                        SeatPoint</h1>
                    <p class="lead">
                        People Locator System</p>
                </div>
                <div class="col-lg-6">
                    <div class="well">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Enter Employee Name" />
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button" value="search">
                                        Search</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <ul id="myTab" class="nav nav-tabs">
            <li class=""><a data-toggle="tab" href="#Rigodon">Rigodon</a></li>
            <li class=""><a data-toggle="tab" href="#NewSeatAssignment">New Seat Assignment</a></li>
            <li class=""><a data-toggle="tab" href="#EmployeeSeat">Employee Seat</a> </li>
        </ul>
        <div id="myTabContent" class="tab-content">
            <div id="Rigodon" class="row tab-pane">
                <div class="col-lg-1"></div>
                <div class="col-lg-10 bs-example bs-example-tabs">
                    <div class="row">
                        <label>Total # of Rigodon Request:</label>
                        <span class="badge">2</span>
                    </div>
                    <br />
                    <!--1st Request forms-->
                    <div class="row">
                        <div class="col-lg-2"></div>
                        <div class="col-lg-6">
                            <ul class="list-group list-unstyled">
                                <span>Requested by: PM Name</span>
                                <li id="lirequestform1" class="list-group-item" >								 
									 <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled ">
											<a data-toggle="modal" href="#myRequestForm1" >View Map</a>
										</li>
                                        <li>&nbsp;</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled "># of Resources: </li>
                                        <li>40</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Preferred: Area/Floor/Quadrant</li>
                                        <li>PIC-3F-A</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Preferred Date: </li>
                                        <li>01/01/2013</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Reason for Rigodon: </li>
                                        <li>Sample Reason for Rigodon</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Date Submitted: </li>
                                        <li>12/01/2012</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-2">
                        </div>
                    </div>
                    <!-- 2nd Request form-->
                    <div class="row">
                        <div class="col-lg-2"></div>
                        <div class="col-lg-6">
                            <ul class="list-group list-unstyled">
                                <span>Requested by: PM Name</span>
                                <li id="lirequestform2" class="list-group-item" data-value="2">
									<ul class="list-inline list-unstyled">
                                        <li class="list-unstyled ">
											<a data-toggle="modal" href="#myRequestForm2" >View Map</a>
										</li>
                                        <li>&nbsp;</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled "># of Resources: </li>
                                        <li>40</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Preferred: Area/Floor/Quadrant</li>
                                        <li>PIC-3F-B</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Preferred Date: </li>
                                        <li>01/01/2013</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Reason for Rigodon: </li>
                                        <li>Sample Reason for Rigodon</li>
                                    </ul>
                                    <ul class="list-inline list-unstyled">
                                        <li class="list-unstyled">Date Submitted: </li>
                                        <li>12/01/2012</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-2">
                        </div>
                    </div>
                    <!-- End of Request forms -->
                    <div class="row">
                        <div class="col-lg-2">
                        </div>
                        <div class="col-lg-6" style="float: right;">
                            <button id="assignSeatAllocation" type="button" class="btn btn-default" >Assign Seat Allocation</button>
                        </div>
                        <div class="col-lg-2">
                        </div>
                    </div>
                </div>
                <div class="col-lg-1"></div>
            </div>
            <div id="NewSeatAssignment" class="row tab-pane">
				<div class="col-lg-1"></div>
				 <div class="col-lg-10 bs-example bs-example-tabs">
					<div class="row">
                        <label>Total # of New Seat Assignment Request:</label>
                        <span class="badge">0</span>
                    </div>
                </div>
				 <div class="col-lg-1"></div>
            </div>
            <div id="EmployeeSeat" class="row tab-pane">
				<div class="col-lg-1"></div>
				 <div class="col-lg-10 bs-example bs-example-tabs">
					<div class="row">
                        <label>Total # of Employee Seat Request:</label>
                        <span class="badge">0</span>
                    </div>
                </div>
				 <div class="col-lg-1"></div>
            </div>
        </div>
	<footer>
	<hr>
	<div class="bs-docs-section">Test</div>
	<div class="row">
		<div class="col-lg-12">


			<p>&copy; 2013</p>
			<p>
				<a href="http://www.pointwset.com">www.pointwest.com</a>.
			</p>
			<p>Group 1</p>

		</div>
	</div>
	</footer>
	
	 <!-- Modal -->
      <div class="modal fade" id="myRequestForm1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content modal-map-3fa" style="width: 460px; height: 545px;">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">PIC3FA</h4>
            </div>
            <div class="modal-body">
               <img id="img-seatmap-3F-A" src="../images/PIC3FA.PNG" alt="Seatmap - 3F - A" class="img-rounded">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <!-- <button type="button" class="btn btn-primary">Yes</button> -->
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->
	
		<!-- Modal -->
      <div class="modal fade" id="myRequestForm2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content modal-map-3fb" style="width: 660px; height: 540px">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">PIC3FB</h4>
            </div>
            <div class="modal-body">
                <img id="img-seatmap-3F-B" src="../images/PIC3FB.PNG" alt="seatmap - 3F - B" class="img-rounded">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <!-- <button type="button" class="btn btn-primary">Yes</button> -->
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->
	
    </div>
   
</body>
</html>
